<template>
  <div class="tabs-root">
    <vTabs :tabsData="tabsData"/>
  </div>
</template>

<script>
import vTabs from '@/components/VTabs/vTabs.vue';
import facility from '@/views/xy/alarm/base/facility';
import point from '@/views/xy/alarm/base/point';
import device from '@/views/xy/alarm/base/device';


/*import danger from '@/views/xy/alarm/road/danger';*/
import danger from '@/views/xy/alarm/road/riskHazard';
import warning0 from '@/views/xy/alarm/road/warning/warn0';

import record1 from '@/views/xy/alarm/road/record/red1';
import warning1 from '@/views/xy/alarm/road/warning/warn1';

import record2 from '@/views/xy/alarm/road/record/red2';
import warning2 from '@/views/xy/alarm/road/warning/warn2';

import record3 from '@/views/xy/alarm/road/record/red3';
import warning3 from '@/views/xy/alarm/road/warning/warn3';

import history from '@/views/xy/alarm/base/history';

import accident from '@/views/xy/alarm/road/accident/index'



export default {
  name: "tabs",
  components: {
    vTabs
  },
  data() {
    return {
      tabsData: [
        {label: this.$commonJs.getModeName(this.$route.path) + '设施信息', content: facility},
        {label: this.$commonJs.getModeName(this.$route.path) + '监测点分布信息', content: point},
        {label: this.$commonJs.getModeName(this.$route.path) + '设备信息', content: device},
        {label: '地下空洞隐患预警', content: danger},
        {label: '道路病害预警', content: warning0},

        {label: '交通噪音报警', content: record1},
        {label: '交通噪音预警', content: warning1},

        {label: '道路积水报警', content: record2},
        {label: '道路积水预警', content: warning2},

        {label: '道路超载报警', content: record3},
        {label: '道路超载预警', content: warning3},
        {label: '路面塌陷事故', content: accident},
        {label: '道路塌陷实时监测数据信息', content: history},
      ]
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.tabs-root {
  height: 100%;
}
</style>
